<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // let x = new XMLHttpRequest();
        // // 4. 初始化发起一个请求（重点） - 延迟请求
        // x.open('get', 'http://localhost/getServer');
        // // 5. 发送请求（重点）
        // x.send()
        // // 6. 绑定readyState改变的监听（重点）
        // x.onreadystatechange = function () {
        //     // 5. 标识请求状态的只读属性（重点）
        //     if (x.readyState === 4) {
        //         if (x.status >= 200 && x.status < 300) {
        //             // console.log(x.response);

        //             console.log(x.getAllResponseHeaders());
        //             console.log(x.getResponseHeader('date'));
        //         }
        //     }
        //     // 6. status: 响应状态码值, 比如200, 404（重点） 
        //     // 7. response: 响应体数据, 类型取决于responseType的指定（重点）
        // }

       
    </script>
</body>

</html>